<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/normalize.css">
    <title>排行榜-热卖榜</title>
</head>

<body>
    <div class="box">
        <!-- 1、顶部区域-start-->
        <header></header>
        <!-- 1、顶部区域-end -->

        <!-- 2、nav导航区域-start -->
        <nav>固定定位</nav>
        <!-- 2、nav导航区域-end-->

        <!-- 3、商品区域-start -->
        <div class="tp-goods-list">
            是tab栏目切换，点击nav，这里的内容会变化
        </div>
        <!-- 3、商品区域-end -->

        <!-- 4、底部-分类榜单-start-->
        <footer>绝对定位，使用链接跳转</footer>
        <!-- 4、底部-分类榜单-end-->

    </div>
</body>

</html>